草庐IT

html - 影响 div :hover with another div

全部标签

javascript - 在纯 JavaScript 中点击 div 外部隐藏 div

我想制作一个弹出窗口,该弹出窗口应在单击按钮后出现,并在用户单击框外时消失。我不确定如何在单击div外部时使它消失。varpopbox=document.getElementById("popbox");document.getElementById("linkbox").onclick=function(){popbox.style.display="block";};???.onclick=function(){popbox.style.display="none";}; 最佳答案 这是提问者在评论中要求的具有透明覆盖层的第二个

javascript - 使用过滤器的 Angular 突出显示和取消突出显示动态 html

我正在尝试编写一组过滤器来突出显示然后取消突出显示动态生成的html:高亮过滤器:app.filter('highlight',function($sce){returnfunction(str,termsToHighlight){//SorttermsbylengthtermsToHighlight.sort(function(a,b){returnb.length-a.length;});varregex=newRegExp('('+termsToHighlight.join('|')+')','g');return$sce.trustAsHtml(str.toString().r

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - 是否可以使用 Phone SMS API 从 phonegap HTML/Javascript 应用程序发送 SMS?

我一直在尝试使用Phonegap,并用HTML/Javascript创建了一个小应用程序来发送SMS。我尝试了这段代码window.location.href='sms:XXXXXXXX06?body=Testing',它打开了一个屏幕来手动发送我想自动发送的短信。请注意,我通过将我的项目源代码上传到build.phonegap.com创建了一个Android应用程序,所以我不能修改.apk源。是否可以仅使用Javascript来实现? 最佳答案 参见PhonegapSMSPlugin发送短信。

javascript - 测试用户是否可以在 html 页面上看到元素

有什么方法可以知道某个元素在html页面上是否可见?像这样:考虑到水平/垂直滚动位置、浏览器窗口的宽度/高度以及页面上元素的位置/大小,可能可以做到这一点,但我对jQuery的经验很少,所以我不知道如何去做吧。并且可能有一个可以调用的简单函数,我不知道。 最佳答案 您可以使用.is(':visible')选择器来检查元素当前在DOM中是否可见。编辑:但是,正如@BenM提到的,这不会检查您页面上的元素是否实际上超出了您的可滚动范围-在这种情况下您可以使用的一个很棒的小插件是ViewportSelectorsforjQuery.

javascript - HTML5 Canvas 中的一百个上下文与一个上下文?

我正在创建一个使用CanvasAPI的简单物理引擎。性能方面的最佳实践是什么?是为Canvas中的每个对象(例如每个球、盒子等)创建一个单独的上下文,还是只使用一个上下文?后者涉及为每个要重绘的对象定义上下文中的路径,以及设置颜色等。当对象数量接近一百时使用多个上下文是个坏主意吗?我之所以问,是因为我不想在一百个工作小时后得到惊喜,因为我采用了错误的方法。 最佳答案 多Canvas的性能提升来自了解您使用多Canvas的原因。除非有用,否则不要使用多个Canvas:Canvas是适度昂贵的元素。在移动设备上,Canvas仍然很慢——

javascript - setPrototypeOf 对新对象的性能影响是什么?

MDN暗示使用.setPrototypeOf()会对代码的future性能产生不良影响。我还阅读了一些关于为什么更改对象的[[Prototype]]会降低性能的问题。但是没有一个答案真正解释了后台发生的事情。所以我想知道这是否也适用于新对象。我特别喜欢做这样的事情:varMyPrototype={method1:function(){...},method2:function(){...},...};varnewObject=Object.setPrototypeOf({property:1,property2:'text'},MyPrototype);不幸的是,您不能使用Object

javascript - jQuery - 任何时候只显示一个 div

我正在开发一个新菜单,其中有多个隐藏的div,但我只想一次在页面上显示一个div。这是我的代码;http://jsfiddle.net/sXqnD/HTML既漂亮又简单;link1link2link3Informationabout1.Informationabout2.Informationabout3.这是我对jQuery的尝试,它似乎运行得不是很好。$(document).ready(function(){$('#infocontent').children().hide();$('#linkwrappera').click(function(){varchosen1=this.

javascript - Javascript 中的 HTML DOM 绘图事务?

有没有办法在一个事务中封装多个DOM操作命令,这样内容就不会“忽悠”?像这样:window.stopDrawing();//starttransaction$("#news").append("anewnewsitem");//...dosomethingmore$("#news").css("top","-150px");window.startDrawing();//stoptransaction 最佳答案 每次您必须更新大量元素时,只需设置一个包含所有操作的函数,调用mozRequestAnimationFrame(或webk

javascript - 如何使 div 甚至可以从其中的文本区域拖动?

我正在尝试拥有一个可拖动的div,它也可以从其中的文本区域拖动。html:CSS:#divContainer{position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:blue;}#text{position:absolute;left:5px;top:5px;width:50px;height:50px;background-color:green;}j查询:$("#divContainer").draggable();如果我在div区域中单击拖动,我可以拖动div,但如果我单击tex